<template>
 <div>
  <!-- v-for:用于循环渲染结构 -->
  <!-- v-for  写在哪里,就表示循环 -->
  <!-- 语法:v-for="(循环变量,索引) in数据" -->
  <ul>
    <li v-for="(item,index) in arr" :key="index">{{item}}</li>
  </ul>

  <ul>
    <li v-for="num in 20" :key="num">{{num}}</li>
  </ul>

 </div>
</template>
<script>
export default {
 data() {
 return {
  arr:['邓司园','dsy','等等','邓邓']
 }
 },
 methods:{
 },
}
</script>
<style lang="less" scoped>

</style>

